<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>微开发</title>
    <link rel="stylesheet" type="text/css" href="css/wkf.css">
    <link rel="stylesheet" href="../public/css/usual_class.css">
    <link rel="stylesheet" href="../public/css/header_footer.css">
</head>

<body>
<!--这是头部-->
<div class="header">
    <div style="position: inherit" class="header">
        <div class="head_content">

            <div class="head_logo">
                <img src="../public/images/logo_03.png">
            </div>
            <!--导航栏-->
            <nav class="head_navbar">
                <ul id="main">
                    <li><a href="../home/home.html">首页</a></li>
                    <li>
                        <a>社团</a>
                        <ul class="drop">
                            <div>
                                <li style="width: 100%;"><a href="../PO/cj.html">程序设计基础协会</a></li>
                                <li style="width: 100%;"><a href="../ACM/acm.html">ACM协会</a></li>
                                <li style="width: 100%;"><a href="../UO/bgs.html">不甘社</a></li>
                                <li style="width: 100%;"><a href="../WD/wkf.html">微开发</a></li>
                            </div>
                        </ul>
                    </li>
                    <li><a href="../production/production.html">作品</a></li>
                    <li><a href="../news/news_up.html">新闻</a></li>
                    <li style="padding: 10px 0; font-size: 1rem"><a href="../about/about.html">关于我们</a></li>
                    <div id="marker" style=""></div>
                </ul>
            </nav>
        </div>
    </div>
</div>
<div class="parallax-roll lh0">
    <div class="parallax-title c-text-w ta-c">
        <p class="fs45">微开发团队</p>
        <p>一个专注于培养具有丰富互联网思维的协会</p>
    </div>
    <!-- <img class="w-full" src="images/home_slide_01.jpg" alt=""> -->
</div>
<!--这是内容-->
<div class="content">
    <div class="content_header">
        <!-- <div class="photo"><img src="images/weikaifa_background.jpg"></div>
        <div class="words">
            <h2>微开发团队</h2>
            <p>一个专注于培养具有丰富互联网思维的协会</p>
        </div>
        <div class="direction clear">
            <h2>我们的方向</h2>
            <div style="width: 60%; margin: 0 auto;">
                <div class="section">
                    <div style="margin: auto; width: 144px;">
                        <img style="width: 100%;" src="img/s1.png">
                    </div>
                    <p>移动端开发</p>
                </div>
                <div class="section">
                    <div style="margin: 0 auto; width: 144px;">
                        <img style="width: 100%;" src="img/s2.png">
                    </div>
                    <p>web开发</p>
                </div>
                <div class="section">
                    <div style="margin: auto; width: 144px;">
                        <img style="width: 100%;" src="img/s3.png">
                    </div>
                    <p>微信开发</p>
                </div>
            </div>
        </div> -->
        <div class="works">
            <h2>我们的作品</h2>
            <div class="big_box">
                <div class="section">
                    <img src="images/wkf_work1.png">
                    <p style="margin: 0 240px 0 0;">微听</p>
                </div>
                <div class="section" style="margin: 47px 0 0 240px;">
                    <img src="images/wkf_work3.jpg">
                    <p style="margin: 0 240px 0 0;">扫码签到</p>
                </div>
            </div>
            <div class="section_a">
                <img src="images/wkf_work2.png">
                <p style="margin: 10px 0 0 55px;">码上寻物</p>
            </div>
        </div>
    </div>
</div>
<!--这是尾部-->
<footer class="footer c-text-w ta-c">
    <div class="footer-logo">
        <div class="logo-main">
            <div><img class="w252" src="../public/images/logo_without_text.png"></div>
            <p class="pt16">版权所有：北京理工大学珠海学院计算机科技协会</p>
        </div>
    </div>
    <div class="footer-logo">
        <div class="logo-qr">
            <div><img class="w108" src="../public/images/qq_qt_code.jpg"></div>
            <p class="pt16">2016级程序程基协会qq群</p>
        </div>
    </div>
    <div class="footer-logo">
        <div class="logo-qr">
            <div><img class="w108" src="../public/images/wechat_qt_code.jpg"></div>
            <p class="pt16">计算机科技协会服务号</p>
        </div>
    </div>
</footer>
</body>

</html>
